選擇器的類型

上一章中，我們知道可以用元素名當作選擇器，但選擇器其實有很多種類
1.元素選擇器(Element selector):指定HTML元素

p,li,h1 {
  color: red;
}

2.id選擇器(ID selector):指定元素的ID(每個ID只能有一個元素)

#my-id {
  color: red;
}

3.Class選擇器(Class selector):指定元素的class(每個class可以有多個元素)

.my-class{
  color: red;
}

4.屬性選擇器(Attribute selector):指定元素的屬性

img[src]{
  width:300
}

5.虛擬class選擇器(Pseudo-class selector):在特定的情況下，改變元素的style

a:hover{
  color: red;
}

6.虛擬element選擇器(Pseudo-element selector):在元素特定的地點中加入或改變style

p::before{
  content: "**";
}

【以上為我的學習心得，如有錯誤歡迎糾正】